export default defineComponent({
  data() {
    return {
      count: 1,
    };
  },

  // 当前使用 template 来编写组件模板，会报错
  //    Vue 不同的构建版本的问题
  //    完整版本
  //    运行时版本
  //    完整版本：编译器 + 运行时
  //    编译器的作用：就是将 template 字符串编译成 render 函数
  //
  //    原因是 当前客户端运行时使用的 Vue 构建版本是一个不包含编译器的运行时版本，不能对 template 字符串做转换，从而报错。
  // template: `
  //   <button :title="count" @click="count++">{{ count }}</button>
  // `,

  render() {
    return h(
      "button",
      {
        title: this.count,
        onClick: () => {
          this.count++;
        },
      },
      this.count
    );
  },
});
